<div class="f-nav-detail">
	<detail-nav></detail-nav>
</div>
<person-center conf-onself="true" ></person-center>
<div class="myaccount-top-bg">
	<ul>
		<li>我的账户</li>
		<li ng-click="topgo(1)">我的博文</li>
		<li ng-click="topgo(2)">简历管理</li>
		<li ng-click="topgo(3)">我的工程界</li>
		<li ng-click="topgo(4)">个人中心</li>
	</ul>
</div>
<div class="myaccount-center-bg">
	<ul class="myaccount-center-top">
		<li ng-class="{'active':tabType=='personalArchives'}" ng-click="topbtn('personalArchives')">个人档案</li>
		<li ng-class="{'active':tabType=='accountSecurity'}" ng-click="topbtn('accountSecurity')">账户安全</li>
		<li ng-class="{'active':tabType=='accountInfo'}" ng-click="topbtn('accountInfo')">账户信息</li>
		<li ng-class="{'active':tabType=='certification'}" ng-click="topbtn('certification')">实名认证</li>
	</ul>
	<div ng-if="tabType=='personalArchives'" class="a-infor">
		<ul class="a-infor-l">
			<li ng-click="inforbtn2()"><a class="infor-a-1" href="javascript:;">积分收支记录</a></li>
			<li ng-click="inforbtn3()"><a class="infor-a-2" href="javascript:;">积分收支规则</a></li>
			<li ng-click="inforbtn4()"><a class="infor-a-3" href="javascript:;">会员等级规则</a></li>
		</ul>
		<div class="a-infor-r2">
			<div class="his-head">
				<p>账户余额：<span ng-bind="!UserInfo.coinValue?0:UserInfo.coinValue"></span>积分</p>
				<em></em>
			</div>
			<div class="his-point">
				<span>积分收支记录</span><p>温馨提示：目前工程界仅提供3个月内的消费记录，如有必要请自行导出记录保存。</p>
			</div>
			<div class="his-date">
				<div class="date-choose"><a ng-click="getCoinByDate(1)" ng-class="{'active':dataType==1}">全部</a><a ng-class="{'active':dataType==2}" ng-click="getCoinByDate(2)">今天</a><a ng-class="{'active':dataType==3}" ng-click="getCoinByDate(3)">本周<a><a ng-class="{'active':dataType==4}" ng-click="getCoinByDate(4)">本月</a><a ng-class="{'active':dataType==5}" ng-click="getCoinByDate(5)">上月</a></div><span date></span>
			</div>
			<ul class="his-content">
				<li><span>详细</span><strong>收支</strong><em>时间</em></li>
				<li ng-repeat="item in coin track by $index">
					<span ng-if="item.typeId == 1">注册获得了奖励</span>
					<span ng-if="item.typeId == 2">签到获得了奖励</span>
					<span ng-if="item.typeId == 3">上传了简历<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 4">评论了资料<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 5">评论了论文<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 6">评论了企业<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 7">评论了视频<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 8">评价了课程<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 9">评价了工程技能<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 10">评论了新闻<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 11">分享了资料<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 12">分享了论文<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 13">分享了视频<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 14">分享了新闻<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 15">分享了企业<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 16">分享了回答<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 17">回答了问题<b ng-bind="item.name" ng-click="goDetail(item)"></b>，并被采纳</span>
					<span ng-if="item.typeId == 18">提问并悬赏<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 19">点赞了资料<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 20">点赞了论文<b ng-bind="item.name" ng-click="itegoDetail(item)m"></b></span>
					<span ng-if="item.typeId == 21">点赞了企业<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 22">点赞了视频<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 23">点赞了课程<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 24">点赞了工程技能<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 25">点赞了新闻<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 26">上传了资料<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 27">上传了论文<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 28">下载了资料<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 29">下载了论文<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 30">上传资料被下载<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 31">上传论文被下载<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 32">评论了职位<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 33">评论了博文<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 34">分享了职位<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 35">分享了博文<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 36">点赞了职位<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<span ng-if="item.typeId == 37">点赞了博文<b ng-bind="item.name" ng-click="goDetail(item)"></b></span>
					<strong ng-if="item.coinValue>0" style="color: #2ab028;">+{{item.coinValue}}</strong><strong ng-if="item.coinValue<0" style="color: #f00;font-size: 12px;" ng-bind="item.coinValue | addTrim"></strong><strong ng-if="item.coinValue==0" style="color: #f00;font-size: 12px;">&nbsp;{{item.coinValue}}</strong>
					<em ng-bind="item.createTime | date:'yyyy-MM-dd'"></em>
				</li>
			</ul>
			<div class="pageBtn">
				<ui-pagination  ng-if="paginationConf" conf="paginationConf"></ui-pagination>
			</div>
			
		</div>
		<div class="a-infor-r3">
			<ul>
				<li>如何获取积分</li>
				<li>1.注册：注册成为会员获得<span>2</span>积分</li>
				<li>2.签到：会员每日签到获得<span>2</span>积分</li>
				<li>3.分享：会员每新升一个等级，将获得一定量的积分。具体请查看<span class="viplv" ng-click="gotoVip()">会员等级规则</span></li>
				<li>4.评论：每次评论获得<span>2</span>积分，每天评论上限依据会员等级而不同。具体请查看<span class="viplv" ng-click="gotoVip()">会员等级规则</span></li>
				<li>5.问答：按提问用户自定义的积分为准。</li>
				<li>6.获得点赞：会员评论或百问百答获得点赞数最多，获得<span>2</span>积分。</li>
				<li>7.身份认证：通过身份认证得<span>8</span>积分</li>
				<li>8.上传文档：审核成功将获得<span>5</span>积分。每天上传上限依据会员等级而不同。具体请查看<span class="viplv" ng-click="gotoVip()">会员等级规则</span></li>
			</ul>		
		</div>
		<div class="a-infor-r4">
			<h2>会员权限</h2>
			<div class="picdiv-one"></div>
			<h2>会员成长体系</h2>
			<h3>会员成长</h3>
			<div class="picdiv-two"></div>
			<h3>每日影响值</h3>
			<div class="picdiv-three"></div>
		</div>
	</div>
	<ul ng-if="tabType=='accountSecurity'" class="user-security">
		<li>
			<div class="user-font1">邮箱绑定</div>
			<div class="user-font2">{{email}}</div>
			<div class="user-mod" ng-click="openemailmoddiv()">修改</div>
		</li>
		<li>
			<div class="user-font1">登录密码</div>
			<div class="user-font2">******</div>
			<div class="user-mod" ng-click="modpswdbtn()">修改</div>
		</li>
		<li>
			<div class="user-font1">手机绑定</div>
			<div class="user-font2">{{phone}}</div>
			<div class="user-mod" ng-click="openphonemoddiv()">修改</div>
		</li>
		<li id="pop">
			<div class="cdxbox">
				<span class="close" ng-click="closeTip()">×</span>
				<div class="cdx1">修改邮箱</div>
				<div class="cdx2">我们已将验证邮件发送至您的邮箱<a>{{newEmail}}</a></div>
				<div class="cdx3">(请在24h之内查看邮件并重设密码)</div>
				<div class="cdx4">没收到邮箱验证码？ 点击这里<span class="cdxspan1">重新获取验证邮件</span><span class="cdxspan2">[已发送]</span></div>
			</div>
			<div class="modifyemail-onebox">
				<div class="pswdtop">验证身份<div class="pswdon" ng-click="offonebox()"></div></div>
				<div id="onlyphone" class="phonedivcss"><span>当前手机：</span><input maxlength="11" id="onebox-input1" type="text" /></div>
				<div class="phonedivcss"><span>验证码：</span><input id="onebox-input2"  type="text" /><div ng-click="emailimg()"><img id="onlyimg" ng-src={{emailimgsrc}} alt="图片..." /></div></div>
				<div class="phonedivcss"><span>短信验证码：</span><input id="onebox-input3"  type="text" /><div id="getto" ng-click="getmsgcode()">获取验证码</div></div>
				<div class="emailsub" ng-click="checkId()">验证身份</div>
			</div>
			<div class="emailmoddiv">
				<div class="pswdtop">修改邮箱<div class="pswdon" ng-click="onemailmoddiv()"></div></div>
				<div class="theemaildiv"><span>当前邮箱：</span><div class="theemail">{{UserInfo.email}}</div></div>
				<div class="newemailbox"><span>新邮箱：</span><input id="newEmail" type="text" ng-model="newEmail"/></div>
				<div class="emailcss"><span>验证码：</span><input id="newCode" type="text" /><div ng-click="getbox2pic()"><img id="emailpic" ng-src={{emailimgsrcs}} alt="图片..." /></div></div>
				<div class="emailsub" ng-click="bindNewEmail()">绑定新邮箱</div>
			</div>
			<div class="pswdmoddiv">
				<div class="pswdtop">修改密码<div class="pswdon" ng-click="onpswddiv()"></div></div>
				<div class="pswdso"><span>原密码：</span><input id="pswd1" maxlength="18" type="password" /></div>
				<div class="pswdnew"><span>新密码：</span><input id="pswd2" maxlength="18" type="password"  placeholder="6-18个字符"/></div>
				<div class="pswdnew"><span>再次：</span><input id="pswd3" maxlength="18" type="password"  placeholder="6-18个字符"/></div>
				<div class="pswdsub" ng-click="pswdmod()">修改密码</div>
				<div class="pswdtip">提示</div>
			</div>
			<div class="phonemoddiv">
				<div class="pswdtop">验证身份<div class="pswdon" ng-click="onphonemoddiv()"></div></div>
				<div id="onediv" class="phonedivcss"><span>当前手机：</span><input class="nowphone" type="text" /></div>
				<div class="phonedivcss"><span>验证码：</span><input class="piccodo" type="text" /><div ng-click="clickimg()"><img id="modifyimg"  src={{phoneimgsrc}} alt="图片..." /></div></div>
				<div class="phonedivcss"><span>短信验证码：</span><input class="phonecode" type="text" /><div id="emailcsss" ng-click="dothebtn()" >获取验证码</div></div>
				<div class="emailsub" ng-click="verifyid()">验证身份</div>
			</div>
			<div class="newphonediv">
				<div class="pswdtop">设置新手机号<div id="xxx" ng-click="onNewphonediv()"></div></div>
				<div class="newphone"><span>新手机号：</span><input class="newphonenum" type="text" /></div>
				<div class="newcode"><span>验证码：</span><input class="newphonecodepic" type="text" /><div><img id="newimg" ng-src={{newimgsrc}} alt="图片..." /></div></div>
				<div class="newphonecode"><span>短信验证码：</span><input class="newphoneverifycode" type="text" /><div id="getphonecode" ng-click="getphoneverifycode()">获取验证码</div></div>
				<div class="emailsub" ng-click="bindnewphone()">绑定新手机</div>
			</div>
			<div class="newphoneok" ng-click="onok()">
				<div class="ok1">修改手机成功</div>
				<div class="ok2">现已成功绑定新手机<span></span></div>
			</div>
			<div class="ok" ng-click="clickok()">修改密码成功</div>
			<div class="modemlokbox">
				<div class="modemlh1">修改邮箱成功</div>
				<div class="nowbindnewemlbox">现已绑定新邮箱<span>{{}}</span></div>
			</div>
		</li>
	</ul>
	<div ng-if="accountFlag" class="myaccount-center-c-s">
		<span class="yonghupic"><img ng-src="{{usersrc}}"/></span>
		<p class="cs-p1">用户名：<span>{{email}}</span></p>
		<p>昵称：<span>{{nickname}}</span></p>
		<p>性别：<span>{{thesexs}}</span></p>
		<p>生日：<span>{{birthday}}</span></p>
		<p>所在地：<span>{{suozaidi}}</span></p>
		<p>职业状态：<span>{{zhiyezhuangtai}}</span></p>
		<p>所选专业：<span>{{suoxuanzhuanye}}</span></p>
		<p>感兴趣的类目：<span>{{ganxinqu}}</span></p>
		<p>简介：<span>{{introduction}}</span></p>
		<div class="bianji-btn" ng-click="bianji()">编辑</div>
	</div>
	<div ng-if="tabTypeFlag" class="myaccount-center-c">
		<div style="position:absolute;width: 300px;height:180px;top:20px;left:800px" cut-picture set-circle="true" pic-src="usersrc"></div>
		<div class="myaccount-user-ok" ng-click="mpf()">保存</div>
		<div class="oks" ng-click="hideoks()">修改成功</div>
		<ul>
			<li><span>用户名：</span><input id="f5" readonly="readonly" class="myaccount-input1" type="text" ng-model="userInfoList.email" /></li>
			<li><span class="xinxin3">昵称：</span><input id="nkname" class="myaccount-input1" type="text" ng-model="userInfoList.nickname"/></li>
			<li>
				<span>性别：</span>
				<input id="nan" type="radio"  value="1" ng-model="userInfoList.sex"/><label id="labelnan" for="nan">男</label>
				<input id="nv" type="radio"  value="2" ng-model="userInfoList.sex"/><label id="labelnv" for="nv">女</label>
			</li>
			<li class="srli">
				<span>生日：</span>
				<select class="select1" ng-model="bir.year" ng-options="item.year as item.year for item in years">
					<option>--请选择--</option>
				</select>&nbsp;&nbsp;年&nbsp;
				<select class="select2" ng-model="bir.month" ng-change="monthchange(month)"  ng-options="item.month as item.month for item in months">
					<option>--请选择--</option>
				</select>&nbsp;&nbsp;月&nbsp;
				<select class="select3" ng-model="bir.day" ng-options="item.day as item.day for item in days">
					<option>--请选择--</option>
				</select>&nbsp;&nbsp;日
			</li>
			<li class="where">
				<span>所在地：</span>
				<select ng-model="userInfoList.provinceId" ng-change="schange(userInfoList.provinceId)" ng-options="item.provinceId as item.provinceName for item in province">
					<option>--请选择--</option>
				</select>
				<select ng-model="userInfoList.regionId" ng-change="cchange(userInfoList.regionId)" ng-options="item.regionId as item.regionName for item in region">
					<option>--请选择--</option>
				</select>
				<select ng-model="userInfoList.areaId" ng-options="item.areaId as item.areaName for item in areas">
					<option>--请选择--</option>
				</select>
				<input id="adress" type="text" ng-model="userInfoList.address"/>
			</li>
			<li>
				<span class="xinxin1">
					职业状态：
				</span>
				<input id="job" class="rads" type="radio" value="1" ng-model="userInfoList.carrerStatusId"/><label class="labels" for="job">在职</label>
				<input id="getjob" class="rads" type="radio" value="2" ng-model="userInfoList.carrerStatusId"/><label class="labels" for="getjob">求职</label>
				<input id="student" class="rads" type="radio" value="3" ng-model="userInfoList.carrerStatusId"/><label class="labels" for="student">学生党</label>
				<span class="font-top"></span>
				<select id="fk" name="zhiye" ng-change="fkchange(hierNames)" ng-model="userInfoList.carrerTopId" ng-options="item.hierId as item.hierName for item in qiuzhi">
					<option>--请选择--</option>
				</select>
				<select id="fk2" ng-model="studentSecond" ng-change="studentSchange(studentSecond)" ng-options="item.scName for item in studentSecondall">
					<option>{{studentSecond}}</option>
				</select>
				<select id="fk3" ng-model="studentThree" ng-change="studentTchange(studentThree)"  ng-options="item.dcName for item in studentThreeall">
					<option>{{studentThree}}</option>
				</select>
			</li>
			<li>
				<span class="xinxin2">
					感兴趣的类目：
				</span>
				<select id="interest" ng-change="int1change(userInfoList.databaseSecondId)" ng-model="userInfoList.databaseSecondId" ng-options="item.scId as item.scName for item in interdata">
					<option>--请选择--</option>
				</select>
				<select id="interest2" ng-model="userInfoList.databaseThirdId" ng-options="item.dcId as item.dcName for item in interdata2">
					<option>--请选择--</option>
				</select>
			</li>
			<li>
				<span id="lastspan">简介：</span>
				<textarea id="jj" type="text" value="快来介绍一下自己吧" ng-model="userInfoList.introduction"></textarea>
			</li>
		</ul>
	</div>
	<!--实名认证-->
	<div ng-if="tabType=='certification'" class="realName">
		<div class="true-name">
		    <div class="true-list">
		        <span class="bitian">姓名：</span>
		        <input id="username" type="text" ng-bind="name" placeholder="请输入您的真实姓名">
		    </div>
		    <div class="true-list IDcard">
		        <span class="bitian">身份证号：</span>
		        <input id="userid" type="text" maxlength="18" ng-bind="id" placeholder="请输入您的身份证号">
		    </div>
		    <div class="true-list photo">
		        <span class="bitian">手持证件正面照：</span>
		        <div id="IDcardpreview">
		            <!--<img src="them/imag/idcard.png">-->
					<div cpedits conf-src="imgArr[0]">
		            	<!--<img src="them/imag/idcard.png">-->
					</div>
		        </div>
		        <div class="exzample">
		            <em>示例</em>
		            <img src="them/img/userid.png">
		            <div class="exzample-font">
		                <p>1、请上传本人手持身份证信息面照片，照片中含有本人头部或上半身；</p>
		                <p>2、照片中本人形象需为免冠且并未化妆，五官清晰；</p> 
		                <p>3、照片必须为原始照片，请勿进行美化和修改，以免申请失败；</p>
		                <p>4、拍照时对焦点请置于身份证上，保证身份证信息清晰且未遮挡；</p>
		                <p>5、上传文件格式支持jpng,jpg和bmp,文件大小不超过3MB。</p>  
		            </div>
		        </div>
		    </div>
		    <button ng-click="buttons()">提交</button>
		</div>
		
		<div class="Audit" style="display: none;">
			<span class="audit-span"></span>
			<p class="isok-p1">正在审核中......</p>
			<p class="isok-p2">实名认证正在审核中，请耐心等待......</p>
			<p class="isok-p3">认证渠道：手持身份证照片</p>
			<p class="isok-p3">姓名：<span>{{name}}</span></p>
			<p class="isok-p3">身份证号：<span>{{id}}</span></p>
		</div>
		<div class="AuditIsno" style="display: none;">
			<span class="isno-span"></span>
			<p class="isok-p1">审核未通过！</p>
			<p class="isok-p2">审核未通过愿因：<span>{{remarks}}</span></p>
			<p class="isok-p3">请<span ng-click="gotoNull()" class="onclick">点击此处</span>重新认证</p>
		</div>
		<div class="AuditIsok" style="display: none;">
			<span class="isok-span"></span>
			<p class="isok-p1">已通过实名认证！</p>
			<p class="isok-p2">很高兴认识你，现在您可以享受更多的服务和保障</p>
			<p class="isok-p3">认证渠道：手持身份证照片</p>
			<p class="isok-p3">姓名：<span>{{name}}</span></p>
			<p class="isok-p3">身份证号: <span>{{id}}</span></p>
		</div>		
	</div>
	<div class="nbsp"></div>
</div>
<div ng-include="'app/business/common/footer.html'" class="ng-scope"></div>
<style type="text/css">
	
	
.a-infor-r3>ul>li>.viplv {
	text-decoration: underline;
	color: #30a3ff;
	cursor: pointer;
}	
	
	
	
	
.cs-p1 {
	margin-top: 60px;
}	
	
.bianji-btn {
	width: 70px;
	height: 30px;
	line-height: 30px;
	background-color: #30a3ff;
	border-radius: 2px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	margin-top: 50px;
	text-align: center;
	margin-left: 126px;
}	
	
.yonghupic {
	position: absolute;
	z-index: 9999;
	right: 254px;
	top: 60px;
	width: 180px;
	height: 180px;
	border: 1px #ddd solid;
	border-radius: 50%;
	overflow: hidden;
}	
.yonghupic >img {
	width: 180px;
	height: 180px;
	border-radius: 50%;
}	
.onclick {
	color: #30a3ff;
	text-decoration: underline;
	cursor: pointer;
}
.AuditIsno {
	position: relative;
	margin-top: 94px;
	margin-left: 180px;	
}
.Audit {
	position: relative;
	margin-top: 94px;
	margin-left: 180px;	
}
.AuditIsok {
	position: relative;
	margin-top: 94px;
	margin-left: 180px;
}
.isok-span {
	position: absolute;
	top: -14px;
	left: -79px;
	width: 50px;
	height: 50px;
	background: url("them/img/gougou.png") 0px 0px no-repeat;
	background-size: 50px 50px;
}
.audit-span {
	position: absolute;
	top: -14px;
	left: -79px;
	width: 50px;
	height: 50px;
	background: url("them/img/timetime.png") 0px 0px no-repeat;
	background-size: 50px 50px;
}
.isno-span {
	position: absolute;
	top: -14px;
	left: -79px;
	width: 50px;
	height: 50px;
	background: url("them/img/gantanhao.png") 0px 0px no-repeat;
	background-size: 50px 50px;
}	
.isok-p1 {
	font-size: 20px;
	font-weight: 600;
	color: #000;
}	
.isok-p2 {
	font-size: 20px;
	color: #333;
	margin-top: 10px;
	margin-bottom: 60px;
	max-height: 500px;
}	
.isok-p3 {
	font-size: 20px;
	color: #333;
}
	
.picdiv-one {
	width: 970px;
	height: 376px;
	background:url("them/img/picdiv-one.png") 0px 0px no-repeat;
	background-size: 970px 376px;
	margin-bottom: 40px;
}	
.picdiv-two {
	width: 970px;
	height: 154px;
	background:url("them/img/picdiv-two.png") 0px 0px no-repeat;
	background-size: 970px 154px;
	margin-top: 20px;
	margin-bottom: 19px;	
}	
.picdiv-three {
	width: 970px;
	height: 82px;
	background:url("them/img/picdiv-three.png") 0px 0px no-repeat;
	background-size: 970px 82px;
	margin-bottom: 50px;
	margin-top: 20px;	
}	
.xinxin1 {
	display: inline-block;
	width: 12px;
	height: 30px;
	background: url("them/img/bitian.png") 26px 8px no-repeat;
	background-size: 6px 4px;
}
.xinxin2 {
	display: inline-block;
	width: 12px;
	height: 30px;
	background: url("them/img/bitian.png") -1px 8px no-repeat;
	background-size: 6px 4px;
}
.xinxin3 {
	display: inline-block;
	width: 12px;
	height: 30px;
	background: url("them/img/bitian.png") 52px 8px no-repeat;
	background-size: 6px 4px;
}	
.infor-a-1 {
	color: #30a3ff;
}
.where>select {
	width: 104px;
	height: 30px;
	border: 1px #ddd solid;
	font-size: 14px;
	color: #000;
}
.srli {
	font-size: 14px;
	color: #000;
}
.select1 {
	width: 80px;
	height: 30px;
	border: 1px #ddd solid;
}
.select2 {
	width: 80px;
	height: 30px;
	border: 1px #ddd solid;
}
.select3 {
	width: 80px;
	height: 30px;
	border: 1px #ddd solid;
}
#user-logo {
	width: 180px;
	height: 180px;
	border-radius: 50%;
}
#getto {
	color: #30a3ff;
	border: 1px #30a3ff solid;
	border-radius: 2px;
}
/**/
.oks {
	display: none;
	position: absolute;
	margin: 0 auto;
	right: 0px;
	left: 0px;
	top: 200px;
	width:300px;
	height: 100px;
	background-color: #fff;
	text-align: center;
	line-height: 100px;
	font-size: 24px;
	color: #000;
	border: 1px #30a3ff solid;
	z-index: 9999999;
}
#adress {
	position: relative;
	top: -1px;
	width: 190px;
	height: 28px;
	border: 1px #ddd solid;
	padding-left: 8px;
	margin-left: 8px;	
}
#nyr {
	width: 190px;
	height: 28px;
	border: 1px #ddd solid;
	padding-left: 8px;
}
#lastspan {
	float: left;
}
#jj {
	width: 330px;
	height: 140px;
	padding: 4px;
	border: 1px #ddd solid;
	resize: none;
	margin-left: 4px;
}
#interest {
	width: 104px;
	height: 30px;
	border: 1px #ddd solid;
	font-size: 14px;
	color: #010101;
}
#interest2 {
	width: 104px;
	height: 30px;
	border: 1px #ddd solid;
	font-size: 14px;
	color: #010101;
}
.labels {
	font-size: 14px;
	color: #010101;
	margin-left: 8px;
	margin-right: 18px;
}
#fk {
	width: 104px;
	height: 30px;
	font-size: 14px;
	color: #010101;
}
#fk2 {
	display: none;
	width: 104px;
	height: 30px;
	font-size: 14px;
	color: #010101;
}
#fk3 {
	display: none;
	width: 104px;
	height: 30px;
	font-size: 14px;
	color: #010101;
}
.rads {
	position: relative;
	top: 2px;
}
#s {
	width: 104px;
	height: 30px;
	border: 1px #ddd solid;
	margin-right: 14px;
	font-size: 14px;
	color: #010101;
}
#x {
	width: 104px;
	height: 30px;
	border: 1px #ddd solid;
	font-size: 14px;
	color: #010101;
	margin-left: 10px;		
}
#q {
	width: 104px;
	height: 30px;
	border: 1px #ddd solid;
	font-size: 14px;
	color: #010101;	
}
#year {
	width: 80px;
	height: 30px;
	border: 1px #ddd solid;
}
#day {
	width: 80px;
	height: 30px;
	border: 1px #ddd solid;	
}
#month {
	width: 80px;
	height: 30px;
	border: 1px #ddd solid;	
}

#labelnan {
	margin-right: 26px;
	padding-left: 10px;
	font-size: 14px;
	color: #010101;
}
#labelnv {
	padding-left: 10px;
	font-size: 14px;
	color: #010101;
}
#nan {
	position: relative;
	top: 2px;
}
#nv {
	position: relative;
	top: 2px;	
}
/*连上14天班了 我要吐血了*/
.modemlokbox {
	display: none;
	width: 398px;
	border: 1px #ddd solid;
	background-color: #fff;
	overflow: hidden;
}
.modemlh1 {
	font-size: 24px;
	color: #000;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}
.nowbindnewemlbox {
	font-size: 18px;
	color: #333;
	margin-bottom: 30px;
	text-align: center;
}
.nowbindnewemlbox>span {
	color: #30a3ff;
	text-decoration: underline;
}
/*连上13天班我要死了*/
.cdxbox {
	display: none;
	position: relative;
	width: 398px;
	border: 1px #ddd solid;
	background-color: #fff;
	overflow: hidden;
}
.cdxbox .close{
	position:absolute;
	top:8px;
	right:8px;
	display: block;
	width:15px;
	height:15px;
	text-align: center;
	line-height:15px;
	border:1px #ddd solid;
	border-radius:3px;
	font-size:16px;
	cursor: pointer;
}
.cdx1 {
	font-size: 20px;
	color: #000;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.cdx2 {
	font-size: 16px;
	color: #666;
	text-align: center;
}
.cdx2>a {
	color: #30a3ff;
	text-decoration: underline;
}
.cdx3 {
	font-size: 12px;
	color: #999;
	text-align: center;
	margin-bottom: 20px;
}
.cdx4 {
	font-size: 12px;
	color: #999;
	text-align: center;
	margin-bottom: 20px;
}
.cdxspan1 {
	color: #30a3ff;
}
.cdxspan2 {
	color: red;
}

/*邮箱box1*/
#onlyphone {
	margin-top: 30px;
}
#onebox-input1 {
	float: left;
	margin-top: 1px;
	width: 262px;
	height: 38px;
	line-height: 38px;
	border: 1px #ddd solid;
	border-radius: 2px;
	padding-left: 8px;
	font-size: 12px;
	color: #333;		
}

#onebox-input2 {
	float: left;
	margin-top: 1px;
	width: 150px;
	height: 38px;
	line-height: 38px;
	border: 1px #ddd solid;
	border-radius: 2px;
	padding-left: 8px;
	font-size: 12px;
	color: #333;	
}

#onebox-input3 {
	float: left;
	margin-top: 1px;
	width: 150px;
	height: 38px;
	line-height: 38px;
	border: 1px #ddd solid;
	border-radius: 2px;
	padding-left: 8px;
	font-size: 12px;
	color: #333;	
}

.modifyemail-onebox {
	display: none;
	position: relative;
	width: 398px;
	border: 1px #ddd solid;
	border-radius: 4px;
	background-color: #fff;
	overflow: hidden;
}
/*邮箱box2*/
.newemailbox {
	width: 100%;
	height: 42px;
	margin-bottom: 20px;
	overflow: hidden;
}
.newemailbox>span {
	float: left;
	width: 88px;
	height: 42px;
	font-size: 14px;
	color: #666;
	line-height: 42px;
	margin-left: 18px;	
}
.newemailbox>input {
	float: left;
	margin-top: 1px;
	width: 262px;
	height: 38px;
	line-height: 38px;
	border: 1px #ddd solid;
	border-radius: 2px;
	padding-left: 8px;
	font-size: 12px;
	color: #333;	
}
  /*3个。。。。。。。。修改*/
 .user-security #pop{
 	position: absolute;
 	top: 20px;
 	left: 0px;
 	right: 0px;
 	margin: 0 auto;
 	z-index: 9999;
 	width: 400px;
 	height: 100%;
 	border: none;
 	overflow: hidden;
 }
 /*新手机成功*/
.newphoneok {
	display: none;
	background-color: #fff;
	border:  1px #ddd solid;
	overflow: hidden;
}
.ok1 {
	font-size: 24px;
	color: #000;
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
}
.ok2 {
	font-size: 14px;
	color: #666;
	text-align: center;
	margin-bottom: 40px;
}
.ok2>span {
	color: #30a3ff;
}

 /*设置新手机号box*/
.newphonecode {
	width: 100%;
	height: 42px;
	line-height: 42px;
	margin-bottom: 20px;
	overflow: hidden;		
}
.newphonecode>span {
	float: left;
	width: 88px;
	height: 42px;
	line-height: 42px;
	margin-left: 18px;	
}
.newphonecode>input {
	float: left;
	margin-top: 1px;
	width: 150px;
	height: 38px;
	line-height: 38px;
	border: 1px #ddd solid;
	border-radius: 2px;
	padding-left: 8px;
	font-size: 12px;
	color: #333;	
}
.newphonecode>div {
	float: left;
	width: 98px;
	height: 38px;
	border: 1px #30a3ff solid;
	margin-top: 1px;
	line-height: 38px;
	text-align: center;
	cursor: pointer;
	color: #30a3ff;
	margin-left: 11px;
	overflow: hidden;	
	border-radius: 2px;	
}
.newcode img{
	width: 98px;
	height: 38px;
}
.newcode {
	width: 100%;
	height: 42px;
	line-height: 42px;
	margin-bottom: 20px;
	overflow: hidden;	
}
.newcode>span {
	float: left;
	width: 88px;
	height: 42px;
	line-height: 42px;
	margin-left: 18px;	
}
.newcode>input {
	float: left;
	margin-top: 1px;
	width: 150px;
	height: 38px;
	line-height: 38px;
	border: 1px #ddd solid;
	border-radius: 2px;
	padding-left: 8px;
	font-size: 12px;
	color: #333;	
}
.newcode>div {
	float: left;
	width: 98px;
	height: 38px;
	border: 1px #ddd solid;
	margin-top: 1px;
	line-height: 38px;
	text-align: center;
	cursor: pointer;
	margin-left: 11px;
	overflow: hidden;	
}

.newphone {
	width: 100%;
	height: 42px;
	line-height: 42px;
	margin-top: 30px;
	margin-bottom: 20px;
	overflow: hidden;
}
.newphone>span {
	float: left;
	width: 88px;
	height: 42px;
	line-height: 42px;
	margin-left: 18px;
}
.newphone>input {
	float: left;
	margin-top: 1px;
	width: 262px;
	height: 38px;
	line-height: 38px;
	border: 1px #ddd solid;
	border-radius: 2px;
	padding-left: 8px;
	font-size: 12px;
	color: #333;
}
#xxx {
	display: inline-block;
	width: 10px;
	height: 10px;
	background:url("them/img/pswdx.png") 0px 0px no-repeat;
	background-size: 10px 10px;
	margin-left: 270px;
	cursor: pointer;
}
.newphonediv {
	display: none;
	position: relative;
	width: 398px;
	border: 1px #ddd solid;
	border-radius: 4px;
	background-color: #fff;
	overflow: hidden;	
}
 
 /*手机号修改*/
#onediv {
	margin-top: 30px;
}
.nowphone {
	float: left;
	margin-top: 1px;
	width: 262px;
	height: 38px;
	line-height: 38px;
	border: 1px #ddd solid;
	border-radius: 2px;
	padding-left: 8px;
	font-size: 12px;
	color: #333;
}
.phonecode {
	float: left;
	margin-top: 1px;
	width: 150px;
	height: 38px;
	line-height: 38px;
	border: 1px #ddd solid;
	border-radius: 2px;
	padding-left: 8px;
	font-size: 12px;
	color: #333;
	
}
.piccodo {
	float: left;
	margin-top: 1px;
	width: 150px;
	height: 38px;
	line-height: 38px;
	border: 1px #ddd solid;
	border-radius: 2px;
	padding-left: 8px;
	font-size: 12px;
	color: #333;
}
.phonedivcss>span {
	float: left;
	width: 88px;
	height: 42px;
	float: left;
	line-height: 42px;
	margin-left: 18px;
	font-size: 14px;
	color: #666;	
}
.phonedivcss>div {
	float: left;
	width: 98px;
	height: 38px;
	border: 1px #ddd solid;
	margin-top: 1px;
	line-height: 38px;
	text-align: center;
	cursor: pointer;
	margin-left: 11px;
	overflow: hidden;	
}
.phonedivcss img {
	width: 98px;
	height: 38px;	
}
.phonedivcss {
	width: 100%;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	margin-bottom: 19px;	
}

.phonemoddiv {
	display: none;
	position: relative;
	width: 398px;
	border: 1px #ddd solid;
	border-radius: 4px;
	background-color: #fff;
	overflow: hidden;	
}

 
/*邮箱修改*/
#emailcsss {
	color: #30a3ff;
	border-color: #30a3ff;
	border-radius: 2px;
}
.emailover {
	margin-left: 18px;
	font-size: 12px;
	color: #666;
}
.emailover>a {
	color: #30a3ff;
	text-decoration: underline;
}
.emailtip {
	color: #999;
	font-size: 12px;
	margin-left: 18px;
}
.emailcss img {
	width: 98px;
	height: 38px;
}
.emailcss>div {
	float: left;
	width: 98px;
	height: 38px;
	border: 1px #ddd solid;
	margin-top: 1px;
	line-height: 38px;
	text-align: center;
	cursor: pointer;
	margin-left: 11px;
	overflow: hidden;
}
.emailcss>input {
	float: left;
	width: 150px;
	height: 38px;
	color: #333;
	font-size: 12px;
	padding-left: 8px;
	border: 1px #ddd solid;
	border-radius: 2px;
	margin-top: 1px;
}
.emailcss>span {
	float: left;
	width: 88px;
	height: 42px;
	float: left;
	line-height: 42px;
	margin-left: 18px;
	font-size: 14px;
	color: #666;	
}
.emailcss {
	width: 100%;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	margin-bottom: 19px;
	font-size: 12px;
	color: #333;
}

.theemaildiv>span {
	width: 88px;
	height: 42px;
	float: left;
	line-height: 42px;
	margin-left: 18px;
	font-size: 14px;
	color: #666;
}
.theemaildiv {
	width: 100%;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	margin-top: 19px;
	margin-bottom: 19px;
	font-size: 12px;
	color: #333;
}
.theemail {
	display: inline-block;
	font-size: ;
	color: ;
	line-height: 42px;
}

.emailsub {
	width: 80px;
	height: 30px;
	color: #fff;
	border-radius: 2px;
	background-color: #fd8a23;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.emailmoddiv {
	display: none;
	position: relative;
	width: 398px;
	border: 1px #ddd solid;
	border-radius: 4px;
	background-color: #fff;
	overflow: hidden;
}
/*修改密码成功*/
.ok {
	display: none;
	width: 300px;
	height: 120px;
	line-height: 120px;
	font-size: 30px;
	text-align: center;
	color: #000;
	border: 1px #ddd solid;
	background-color: #fff;	
}
/*密码修改*/
.pswdon {
	display: inline-block;
	margin-left: 300px;
	width: 10px;
	height: 10px;
	background: url("them/img/pswdx.png") 0px 0px no-repeat;
	background-size: 10px 10px;
	cursor: pointer;
}
.pswdtip {
	display: none;
	position: absolute;
	top: 160px;
	left: 100px;
	width: 100%;
	height: 20px;
	font-size: 12px;
	color: red;
}
.pswdmoddiv {
	display: none;
	position: relative;
	width: 398px;
	border: 1px #ddd solid;
	border-radius: 4px;
	background-color: #fff;
	overflow: hidden;
}
.pswdsub {
	width: 80px;
	height: 30px;
	color: #fff;
	background-color: #fd8a23;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	border-radius: 2px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 19px;
}
.pswdnew {
	width: 100%;
	height: 42px;
	line-height: 42px;
	margin-bottom: 20px;
	overflow: hidden;
}
.pswdnew>span {
	float: left;
	width: 80px;
	height: 42px;
	font-size: 14px;
	color: #666;
	line-height: 42px;
	margin-left: 19px;
}
.pswdnew>input {
	float: left;
	width: 270px;
	height: 38px;
	border: 1px #ddd solid;
	border-radius: 2px;
	padding-left: 8px;
	line-height: 38px;
	margin-top: 1px;
}
.pswdso>input {
	float: left;
	width: 270px;
	height: 38px;
	border: 1px #ddd solid;
	border-radius: 2px;
	padding-left: 8px;
	line-height: 38px;
	margin-top: 1px;	
}
.pswdso>span {
	float: left;
	width: 80px;
	height: 42px;
	font-size: 14px;
	color: #666;
	line-height: 42px;
	margin-left: 19px;	
}
.pswdso {
	width: 100%;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
}
.pswdtop {
	width: 100%;
	height: 36px;
	line-height: 36px;
	background-color: #f8f8f8;
	border-bottom: 1px #ddd solid;
	padding-left: 19px;
	font-size: 14px;
	color: #000;
	overflow: hidden;
}


/*会员等级规则*/
.ul2>li{
	display: inline-block;
	float: left;
	width: 119px;
	height: 50px;
	background-color: #e9f3f8;
	font-size: 14px;
	color: #30a3ff;
	text-align: center;
	line-height: 50px;
	margin-right: 2px;
	margin-bottom: 2px;	
}
.a-infor-r4>h2 {
	font-size: 16px;
	color: #ff9d00;
	margin-bottom: 20px;
}
.ultop>li{
	display: inline-block;
	float: left;
	width: 119px;
	height: 50px;
	background-color: #e9f3f8;
	font-size: 14px;
	color: #30a3ff;
	text-align: center;
	line-height: 50px;
	margin-right: 2px;
	margin-bottom: 2px;
}
/*账户收支规则*/
.a-infor-r3>ul>li>span {
	color: #ff0000;
}
.a-infor-r3>ul>li{
	font-size: 14px;
	color: #000;
	margin-left: 19px;
	margin-bottom: 10px;
}
.a-infor-r3>ul>li:nth-child(1) {
	font-size: 18px;
	color: #666;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-left: 30px;
	background: url("them/img/wenhao.png") 0px 0px no-repeat;
	background-size: 20px 20px;
}
/**/
	.a-infor{
		width:1200px;
		margin: 0 auto;
		overflow: hidden;
	}
	.a-infor-l{
		float: left;
		width:198px;
		height:248px;
		border: 1px #ddd solid;
		background-color: #fff;
		overflow: hidden;
	}
	.a-infor-l li{
		width:174px;
		height:50px;
		line-height:50px;
		padding-left:24px;
		overflow: hidden;
		cursor: pointer;
	}
	.a-infor-l li:hover{
		
		background-color:#f6f6f6 ;
	}
	.a-infor-l li a{
		font-size:14px;
		color:#000;
	}
	.a-infor-l li a:hover{
		text-decoration: underline;
		color: #30a3ff;
	}
	.a-infor-r1{
		float: right;
		width:970px;
		height:557px;
		background-color:#fff;	
	}
	.a-infor-r2{
		float: right;
		width:970px;
	}
	.his-head{
		height: 58px;
		border: 1px solid #f7edc2;
		position: relative;
		color: #666;
	}
	.his-head p{
		line-height: 58px;
		padding-left: 20px;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 10;
	}
	.his-head span{
		font-weight: 900;
		color: #30a3ff;
		margin: 0 5px;
		font-size: 14px;
	}
	.his-head em{
		position: absolute;
		width:100%;
		height:100%;
		left: 0;
		top: 0;
		background: #fdfbf4;
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	.his-point{
		height: 54px;
		line-height: 54px;
		padding-left: 20px;
		overflow: hidden;
	}
	.his-point span{
		font-size: 16px;
		color: #ff9d00;
		font-weight: 900;
		float: left;
		margin-right: 10px;
	}
	.his-point p{
		padding-left: 20px;
		color: #a5a5a5;
		font-size: 12px;
		background: url(them/imag/toudiinfo.jpg) no-repeat left center;
		float: left;
	}
	.his-date{
		height: 38px;
		/*line-height: 38px;*/
		padding-left: 20px;
		border: 1px solid #ddd;
		background: #f5f5f5;
		margin-bottom: 10px;
	}
	.his-date a {
		line-height: 38px;
	}
	.his-date .date-choose{
		float: left;
	}
	.date-choose a{
		font-size: 12px;
		color: #666;
		margin-right: 20px;
		width: auto;
		float: left;
		cursor: pointer;
	}
	.his-date a:hover,.his-date .active{
		color: #30A3FF;
		text-decoration: underline;
	}
	#date1{
		padding-top: 0;
		padding-bottom: 0;
		line-height: 30px;
	}
	#div_date1{
		height: 30px;
		overflow: hidden;
		margin-top: 2px;
	}
	.his-content li{
		height: 35px;
		line-height: 35px;
		border-bottom: 1px solid #ddd;
		padding-left: 20px;
		overflow: hidden;
	}
	.his-content li span{
		float: left;
		width: 660px;
		text-align: left;
	}
	.his-content li span b{
		color: #30A3FF;
		font-weight: normal;
		margin-left: 5px;
		cursor: pointer;
	}
	.his-content li span b:hover{
		text-decoration: underline;
	}
	.his-content li strong{
		font-weight: 500;
		width: 140px;
		text-align: left;
		float: left;
	}
	.his-content li em{
		font-style: normal;
		float: left;
		width: 100px;
		text-align: center;
	}
	.his-content li:nth-of-type(1){
		height: 34px;
		line-height: 34px;
		background: #FFF;
		border: 1px solid #ddd;
	}
	.pageBtn{
		width: 100%;
	}
	.a-infor-r3{
		display:none;
		float: right;
		width:970px;
		height:318px;
		background-color:#fff;	
	}
	.a-infor-r4{
		display:none;
		float: right;
		width:970px;
		height:100%;
		/*background-color:#fff;*/	
	}
	.a-infor-r5{
		display:none;
		float: right;
		width:970px;
		height:444px;
		background-color:#fff;	
	}











	.user-font1{
		position: absolute;
		top:35px;
		left:119px;
		height:14px;
		font-size:12px;	
		line-height:14px;
		color:#000;
	}
	.user-font2{
		position: absolute;
		bottom:32px;
		left:119px;
		height:14px;
		font-size:12px;
		line-height: 14px;
		color: #666;
	}
	.user-mod{
		position: absolute;
		right:49px;
		top:35px;
		width:70px;
		height:30px;
		color:#fff;
		border-radius: 1px;
		text-align: center;
		line-height:30px;
		background-color: #fd8a23;
		cursor: pointer;
	}
	.user-security{
		position: relative;
		width:1200px;
		height: ;
		margin:0 auto;
		
	}
	.user-security li{
		position:relative;
		width:1198px;
		height:98px;
		border:1px #ddd solid;
		
	}
	.user-security li:nth-child(1){
		margin-bottom:30px;
		background:#fff url("them/img/mod1.png") 49px 36px no-repeat;
		background-size:40px 27px;
		
	}
	.user-security li:nth-child(2){
		margin-bottom:30px;
		background:#fff url("them/img/mod2.png") 49px 26px no-repeat;
		background-size:40px 46px;
	}
	.user-security li:nth-child(3){
		background:#fff url("them/img/mod3.png") 50px 30px no-repeat;
		background-size:39px 39px; 
	}
	.myaccount-center-c ul{
		margin-top:60px;
		margin-left:74px;
	}
	.myaccount-input1{
		width:188px;
		height:28px;
		border:1px #ddd solid;
		font-size:14px;
		color:#010101;
		padding-left:10px;

	}
	#f5 {
		background-color: #f5f5f5;
		
	}
	.myaccount-center-c ul li{
		margin-bottom:30px;
		height:30px;
	}

	.myaccount-center-c ul li span{
		display: inline-block;
		font-size:14px;
		width:104px;
		margin-right:30px;
		text-align: right;
	}
	
	.myaccount-user-pic {
		position: absolute;
		right: 254px;
		top: 60px;
		width: 180px;
		height: 180px;
		border: 1px #ddd solid;
		border-radius: 50%;
		overflow: hidden;
	}
	
	.myaccount-dohead {
		position: absolute;
		top: 266px;
		right: 293px;
		width: 86px;
		height: 24px;
		color: #999;
		border-radius: 1px;
		font-size: 14px;
		border: 1px #ddd solid;
		background-color: #fff;
		line-height: 24px;
		text-align: center;
		cursor: pointer;
		overflow: hidden;
	}
	#filelogo {
		opacity: 0;
		position: absolute;
		top: 266px;
		right: 293px;
		width: 86px;
		height: 24px;
		color: #999;
		border-radius: 1px;
		font-size: 14px;
		border: 1px #ddd solid;
		background-color: #fff;
		line-height: 24px;
		text-align: center;
		cursor: pointer;
		overflow: hidden;
	}
	.myaccount-user-ok {
		position: absolute;
		bottom: 62px;
		left: 600px;
		border-radius: 1px;
		width: 70px;
		height: 30px;
		color: #fff;
		line-height: 30px;
		text-align: center;
		font-size: 14px;
		background-color: #fd8a23;
		cursor: pointer;
	}
	
	.nbsp {
		width: 1200px;
		height: 50px;
		margin: 0 auto;
	}
	
	.myaccount-center-bg {
		width: 100%;
		background: url("them/img/jb-bg.png") 0px 0px repeat;
		background-size: 600px 600px;
	}
	
	.myaccount-center-top {
		width: 1200px;
		height: 48px;
		margin: 0 auto;
		padding-top: 24px;
		border-bottom: 1px #ddd solid;
		margin-bottom:20px;
	}
	
	.myaccount-center-top li {
		display: inline-block;
		float: left;
		width: 60px;
		height: 46px;
		line-height: 46px;
		color: #353535;
		text-align: center;
		cursor: pointer;
		margin-right: 34px;
		font-size: 14px;
	}
	
	.myaccount-center-top .active{
		color: #30a3ff;
		border-bottom: 2px #30a3ff solid;
	}
	
	.myaccount-center-top li:nth-child(1) {
		margin-left: 20px;
	}
	
	.myaccount-center-c {
		position: relative;
		width: 1198px;
		height: 738px;
		margin: 0 auto;
		border: 1px #ddd solid;
		background-color: #fff;
	}
	.myaccount-center-c-s {
		position: relative;
		width: 1198px;
		height: 602px;
		margin: 0 auto;
		border: 1px #ddd solid;
		background-color: #fff;
	}
	.myaccount-center-c-s > p {
		margin-left: 126px;
		margin-bottom: 10px;
		font-size: 14px;
		color: #333;
		width: 625px;
	}		
	.myaccount-top-bg {
		width: 100%;
		height: 50px;
		background-color: #fff;
	}
	
	.myaccount-top-bg ul {
		width: 1200px;
		height: 50px;
		margin: 0 auto;
	}
	
	.myaccount-top-bg ul li {
		float: left;
		display: inline-block;
		font-size: 16px;
		line-height: 48px;
		border-bottom: 2px #fff solid;
		color: #000;
		cursor: pointer;
	}
	
	.myaccount-top-bg ul li:nth-child(1) {
		width: 68px;
		height: 48px;
		color: #30a3ff;
		text-align: center;
		border-bottom: 2px #30a3ff solid;
		margin-left: 20px;
	}
	
	.myaccount-top-bg ul li:nth-child(2) {
		margin-left: 696px;
	}
	
	.myaccount-top-bg ul li:nth-child(3) {
		margin-left: 48px;
	}
	.myaccount-top-bg ul li:nth-child(4) {
		margin-left: 48px;
	}
	.myaccount-top-bg ul li:nth-child(5) {
		margin-left: 48px;
	}
	
	.myaccount-top-bg ul li:nth-child(2):hover,.myaccount-top-bg ul li:nth-child(3):hover,.myaccount-top-bg ul li:nth-child(4):hover,.myaccount-top-bg ul li:nth-child(5):hover{
		border-bottom: 2px #30a3ff solid;
		color: #30a3ff;
		
	}
	
.true-name{
    width: 1138px;
    height: 450px;
    padding: 60px 0 0 0;
}
.true-list{
    margin-bottom: 30px;
    overflow: hidden;
}
.true-list span{
    float: left;
    width: 118px;
    text-align: right;
    margin-right: 30px;
    color: #666;
    height:30px;
    line-height: 30px;
}
.true-list input{
    height:30px;
    line-height: 30px;
    float: left;
    height: 28px;
    width: 188px;
    border: 1px solid #ddd;
    padding-left: 10px;
}
#IDcardpreview{
	z-index: 1;
	float: left;
	width: 250px;
	height: 190px;
	cursor: pointer;
}
#IDcardpreview> div{
	z-index: 999;
	float: left;
	width: 250px;
	height: 190px;
	cursor: pointer;
}
.exzample{
    float: left;
    height: 190px;
    overflow: hidden;
}
.exzample em{
    float: left;
    font-style: normal;
    margin: 0 30px;
}
.exzample img{
    float: left;
    margin-right: 30px;
}
.exzample-font{
    float: left;
}
.exzample-font p{
    line-height: 24px;
}
.true-name button{
    margin-left: 178px;
    width: 70px;
    height: 30px;
    border: 0;
    background: #fd8a23;
    line-height: 30px;
    text-align: center;
    color: #fff;
}	

.realName {
	width: 1198px;
	height: 510px;
	border: 1px #ddd solid;
	background-color: #fff;
	margin-left:74px;
	
}	
	
</style>